<template>
  <div class="head">
    <div>您好，欢迎来到范永升全国名中医工作室</div>
    <div>
      <a href="http://fysadmin.xhhos.com/login?redirect=%2F">登录</a>
      <a>个人中心</a>
      <a>设为首页</a>
      <a>加入收藏</a>
    </div>
  </div>
</template>

<script>
export default {
  name: "Head",
};
</script>

<style lang="less">
@media screen and (max-width: 1200px) {
  .head {
    padding: 0 10px !important;
    // width: 800px !important;
  }
}

.head {
  background: url("../assets/image/diwen.jpg") repeat-x;
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #fff;
  border-top: 2px solid #7e4526;
  display: flex;
  justify-content: space-between;
  padding: 0 25%;
  box-sizing: border-box;
  // max-width: 1920px;
  // min-width: 750px;
  margin: 0 auto;

  div {
    font-size: 12px;
    text-align: right;
    color: #7e4526;
    font-weight: 500;
    a {
      padding: 0 5px 0 10px;
      color: #7e4526;
      border-right: 1px solid #7e4526;
    }
  }
}
</style>